<template>
  <!--<navigation>-->
  <div class="page-group">
      <router-view></router-view>
    <v-footer></v-footer>
    <!--</div>-->
  </div>
  <!--</navigation>-->
 </template>

<script>
  import Footbar from '@/components/footBar/FootBar'

  export default {
    components: {
      'v-footer': Footbar,

    },
  }
</script>


<style>
  .slide-left-enter, .slide-right-leave-active{
    opacity:0;
    -webkit-transform:translate(50px, 0);
    transform:translate(50px, 0);
  }
  .slide-left-leave-active, .slide-right-enter{
    opacity:0;
    -webkit-transform:translate(-50px, 0);
    transform:translate(-50px, 0);
  }

</style>
